<template>
  <div id="app">
    <!-- 显示的是home.vue、news.vue里面的内容 -->
    <tabbar></tabbar>
    <router-view></router-view>
  </div>
</template>

<script>
import axios from "axios";
import Vue from "vue";

import tabbar from "./components/Tabbar";
Vue.component("tabbar", tabbar);
export default {
  data() {
    return {};
  },
  components: {},
  mounted() {
    //1-后端配置好 cors
    // axios
    //   .get("https://api-hmugo-web.itheima.net/api/public/v1/goods/search")
    //   .then((res) => {
    //     console.log(res);
    //   });
    //2-前端应用和后端API服务器没有运行在同一个主机上,你需要在开发环境下将API请求代理到API服务器.这个问题可以通过vue.config.js中的devServer.proxy选项来配置。
    //配置vue.config.js
    //   devServer: { // 反向代理
    //   proxy: {
    //     "/ajax": {
    //       target: "https://m.maoyan.com",
    //       changeOrigin: true
    //     }
    //   }
    // }
    // axios.get("/api/public/v1/goods/search").then((res) => {
    //   console.log(res);
    // });
    // 3-添加header
    // axios({
    //   url: "url",
    //   headers: {
    //     "X-Client-Info": "......",
    //     "X-Host": "........",
    //   },
    // }).then(res=>{
    //   console.log(res)
    // });
  },
};
</script>
<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // text-align: center;
  color: #2c3e50;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
</style>
